<template>
  <div v-if="Object.keys(goods).length !== 0">
    <div class="pinglun" v-if="goods.rate.list">
      <div class="top">用户评价</div>
      <div class="one">
        <img :src="goods.rate.list[0].user.avatar" alt="" />
        <div>{{ goods.rate.list[0].user.uname }}</div>
      </div>
      <div class="ping">{{ goods.rate.list[0].content }}</div>
      <div class="styl">{{goods.rate.list[0].style}}</div>
      <img class="pimg" src="" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name: "Detailrate",

  data() {
    return {};
  },
  props: {
    goods: {},
  },
  mounted() {},

  methods: {
    aaa() {
      console.log(this.goods);
    },
  },
};
</script>

<style lang="css" scoped>
.top {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid rgb(59, 55, 55);
  padding-bottom: 20px;
  margin-top: 50px;
  padding-left: 30px;
}
.one{
  margin-top: 10px;
  /* border: 1px solid black; */
  height: 70px;
  line-height: 70px;
}
.one img{
  width: 15%;
  margin-left: 30px;
  float: left;
}
.one div{
  display: inline-block;
  /* border: 1px solid black; */
  font-size: 18px;
  font-weight: bold;
}
/* .one img{
  margin-left: 50px;
}
.one div{
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  
} */
.ping{
  margin-top: 3vw;
  padding: 5px;
  font-size: 18px;
}
.styl{
  font-size: 14px;
  margin: 5vw;
}
.pimg{
  width: 40%;
}
</style>